<template>
    <div id="userLayout">
      <a-layout style="min-height: 100vh;">
        <a-layout-header class="header">
          <a-space>
            <img class="logo" src="../assets/logo.png"/>
            <div>赛OJ</div>
          </a-space>
        </a-layout-header>
        <a-layout-content class="content">
          <router-view></router-view>
        </a-layout-content>
        <a-layout-footer class="footer">
          程序员:搜一码赛
        </a-layout-footer>
      </a-layout>
    </div>
  </template>
  
  <script>
  </script>
  
  <style scoped>
  #userLayout{
    text-align: center;
  }
  #userLayout .header{
    margin-bottom: 16px;
  }
  #userLayout .logo{
    height: 75px;
  }
  #userLayout .content {
    margin-bottom: 16px;
  }
  #userLayout .footer {
    padding: 16px;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
  }
  </style>
  